<template>
	<view >
		<u-modal :show="show" width="625rpx" confirmText="立即清除" @confirm="confirm" @cancel="cancel" @close="close()"  :content='content' cancelColor="#000" confirmColor="#6678A0" showCancelButton="true" closeOnClickOverlay="true">
			<view class="slot-content">
				<view class="title">提示</view>
				<view class="content">确定清除缓存吗?</view>
			</view>
		</u-modal>
		<loginPop ref="loginPop"></loginPop>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show:false,
			content:'请登录后查看,是否立即登录'
		};
	},
	methods:{
		open(){
			this.show=true
		},
		close() {
			this.show=false
		},
		confirm() {
		this.$emit('clear',1)
		this.show = false;
		},
		cancel(){
			this.show=false
		}
	}
};
</script>


<style lang="scss">
	.slot-content{
		.title{
				text-align: center;
				color: #000;
				font-weight: bold;
				margin-bottom: 30rpx;
		}
			.content{
				text-align: center;
				color: rgb(78, 78, 78);
				font-size: 32rpx;
			}
	}
	/deep/.u-modal{
		border-radius: 20rpx !important;
	}
	/deep/.u-line{
		opacity: 0.5;
	}
	/deep/.u-modal__button-group__wrapper{
		font-weight: bold;
	}
	.u-modal__title{
		color: #000;
	}
</style>